*{box-sizing:border-box}body{margin:0;padding:0;font-family:'Fredoka',sans-serif;background-color:#4f46e5;background-image:radial-gradient(circle at 50% 0,#6366f1 0,#4338ca 100%);height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;color:#1e1b4b}.c-main{background:#fff;width:90%;max-width:550px;padding:clamp(2rem,5vw,3.5rem);border-radius:2.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 8px 10px -6px rgba(0,0,0,.2),8px 8px 0 #1e1b4b;border:4px solid #1e1b4b;position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.logo{width:80px;height:80px;object-fit:contain;margin-bottom:.5rem;filter:drop-shadow(2px 2px 0 rgba(30,27,75,0.2))}.title{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;line-height:1.1;margin:0;color:#312e81}.desc{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;color:#4b5563;margin:0;font-weight:400}.cta{display:inline-block;background-color:#facc15;color:#1e1b4b;font-weight:700;font-size:1.25rem;padding:1rem 3rem;border-radius:9999px;text-decoration:none;border:3px solid #1e1b4b;box-shadow:4px 4px 0 #1e1b4b;transition:transform .1s ease,box-shadow .1s ease;margin-top:1rem}.cta:hover,.cta:focus{outline:3px solid #fff;outline-offset:2px;transform:translate(-2px,-2px);box-shadow:6px 6px 0 #1e1b4b}.cta:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #1e1b4b}@media(max-height:600px){.c-main{padding:1.5rem}.title{font-size:1.5rem}.logo{width:60px;height:60px}}